<template>
<div class="main">

<img src="../../../public/log.png" class="m-topimg">
<div class="m-bottom">
    <div class="bottom-box">
        <div style="font-size: 15px;font-weight:bolder;">校本部</div>
        地址：四川省遂宁市学府北路1号<br>
        邮编:639000<br>
        电话:0825-2290021<br>
    </div>
    <div class="bottom-box">
        <div style="font-size: 15px;font-weight:bolder;">射洪校区</div>
        地址：四川省遂宁市射洪经开区富民路177号<br>
        邮编:629200<br>
        电话:0825-6682558<br>
    </div>
    <div class="bottom-box">
        <div style="font-size: 15px;font-weight:bolder;">安居校区</div>
        地址：四川省遂宁市安居区安居大道东段8号<br>
        邮编:629006<br>
        电话:0825-2290021<br>
    </div>
    <div class="bottom-box">
        <div style="font-size: 15px;font-weight:bolder;">招生咨询电话</div>
        0825-2290000<br>
    </div>
    <img src="https://www.scvtc.edu.cn/images/xxewm.png" style="height: 100px;width:100px">
</div>
<hr color="gray" size="1px">
<div style="text-align: right;color:white;font-size:12px;margin-right:4px">
    版权所有 2023 四川职业技术学院 CopyrightReserved © 2023 SCVTC.All Rights 

    蜀ICP备06000787号
    <img src="https://www.scvtc.edu.cn/images/beian.png" style="height: 20px;width:20px">
    <a href="https://beian.miit.gov.cn/" class="hovbei">
    川公网安备51099102000066号</a>
</div>
</div>

</template>
<script setup lang="ts">

</script>

<style scoped lang="scss">

.main{
    padding-left:15% ;
    padding-right: 15%;
    background: url("https://www.scvtc.edu.cn/images/foot-bj.jpg");
    height: 260px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    .m-bottom{
        display: flex;
        .bottom-box{
            margin-right: 50px;
            font-size: 14px;
            width: 220px;
            color: white;
        }
    }
    .m-topimg{
        height: 100px;
        width: 440px;
        margin-bottom: 20px;
    }
    .hovbei:hover{
        color: yellow;
        border-bottom: 2px solid yellow;
    }
}
</style>